
<template>
  <div class="online-statistical">
    <count-up :data="data" class="online-statistical__value"></count-up>
    <span class="online-statistical__label">在线用户</span>
  </div>
</template>
<script>
import CountUp from '@/components/count-up/index.vue'
export default {
  components: { CountUp },
  props: {
    data: Number
  }
}
</script>
<style lang="less">
.online-statistical{
  width: 300px;
  color: #fff;
  text-align: center;
  &__value{
    font-size: 18px;
  }
  &__label{
    font-size: 12px;
  }
}
</style>
